<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>云南公安网安大数据安全监管平台</title>
  <link rel="stylesheet" href="../../assets/css/uikit.css">
  <link rel="stylesheet" href="../../assets/css/style.css">
  <link rel="stylesheet" href="../../assets/icons/style.css">
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="nav.js"></script>
  <script src="../../scripts/plugins/jquery.icheck.min.js"></script>
  <script src="../../scripts/plugins/jquery.tablesort.min.js"></script>
  <script src="../../scripts/plugins/jquery.ztree.all.min.js"></script>
  <script src="../../scripts/plugins/jquery.mCustomScrollbar.concat.min.js"></script>
  <script src="../../scripts/plugins/select2.min.js"></script>
  <script src="../../scripts/lib/echarts-3.7.1/echarts.min.js"></script>
</head>
<body class="sys-body" style="overflow:hidden;">
  <div class="sys-header">
    <div class="sys-logo">
      <h1>云南公安网安大数据安全监管平台</h1>
    </div>

    <div class="sys-menu" id="sys-menu">
      <ul>
        <li>loading......</li>
      </ul>
      <div class="curLine"></div>
    </div>
    <div class="sys-topbar">
      <img src="../../assets/images/_userphoto.png"><span><a href="javascript:void(0);">Admin</a><a href="javascript:void(0);"> 【注销】</a></span>
    </div>
  </div>

  <div class="sys-sidebar">
    <div class="toggle-sidebar"><i class="icon-toleft"></i></div>
    <ul>
      <li><a href="data-resource.html"><i class="icon-explore"></i><span>资源状态概览</span></a><em class="open"></em>
        <ul>
          <li><a href="data-resource.html">资源概览</a></li>
        </ul>
      </li>

      <li class="active"> <a href="data-traffic.html"><i class="icon-db-search"></i><span>流量分析</span></a><em class="open"></em>
        <ul>
          <li> <a href="data-traffic.html">数据库流量</a></li>
          <li class="active"> <a href="data-traffic-ftp.html">FTP流量</a></li>
        </ul>
      </li>

      <li> <a href="data-flow.html"><i class="icon-db-search"></i><span>流向分析</span></a><em class="open"></em>
        <ul>
          <li> <a href="data-flow.html">流向分析</a></li>
          <li><a  href="data-client.html">客户端管理</a></li>
          <li><a href="data-threshold.html">风险阀值配置</a></li>
        </ul>
      </li>

      <li> <a href="data-laws.html"><i class="icon-db-search"></i><span>使用规律分析</span></a><em class="open"></em>
        <ul>
          <li><a href="data-overview.html">概况</a></li>
          <li> <a href="data-laws.html">资源使用规律</a></li>
          <li><a href="data-userlaw.html">用户行为规律</a></li>
        </ul>
      </li>

      <li> <a href="data-riskevent..html"><i class="icon-db-search"></i><span>风险事件</span></a><em class="open"></em>
        <ul>
          <li> <a href="data-riskevent-charts.html">风险概况</a></li>
          <li> <a href="data-riskevent.html">事件查看</a></li>

        </ul>
      </li>

      <li> <a href="data-resourceconfig.html"><i class="icon-notifications-on"></i><span>数据资源管理</span></a><em class="open"></em>
        <ul>
          <li><a href="data-resourceconfig.html">数据资源配置</a></li>
          <li><a href="data-ipconfig.html">参数配置</a></li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="sys-main" id="sys-main">
    <div class="sys-title">
      <h2>FTP流量</h2>
      <select>
        <option selected>宾馆</option>
        <option>网吧</option>
        <option>联通RA</option>
        <option>电信RA</option>
      </select>
    </div>

    <div class="sys-content">

      <ul class="nav-tabs">
        <li class="active"><a href="javascript:void(0)">时均统计</a></li>
        <li><a href="javascript:void(0)">日均统计</a></li>
      </ul>
      <div class="panel" style="min-height:720px;">
        <div class="panel-body">
          <div class="tabs-con" style="display:block;">
            <div class="datebox">
              <button><i class=" icon-chevron-left"></i></button>
              <input type="text" placeholder="请选择日期">
              <button><i class=" icon-chevron-right"></i></button>
            </div>

            <div class="row">
              <div class="flow-item">
                <h3>采集源节点</h3>
                <div class="scrollbar">
                  <ul>
                    <li><strong>采集源1</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 68%">68%</div></div><em>9182812812</em></li>
                    <li><strong>采集源2</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 4%">4%</div></div><em>182812</em></li>
                    <li><strong>采集源3</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 18%">18%</div></div><em>82812812</em></li>
                    <li><strong>采集源4</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 10%">10%</div></div><em>9182282</em></li>
                    <li><strong>采集源1</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 68%">68%</div></div><em>9182812812</em></li>
                    <li><strong>采集源2</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 4%">4%</div></div><em>182812</em></li>
                    <li><strong>采集源3</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 18%">18%</div></div><em>82812812</em></li>
                    <li><strong>采集源4</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-warning" style="width: 10%">10%</div></div><em>9182282</em></li>
                  </ul>
                </div>
              </div>

              <div class="flow-item">
                <h3>采集处理集群</h3>
                <div class="flow-center">
                  <h4>电信RA-FTP采集集群</h4>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-warning active" style="width: 65%"></div>
                    <div class="progress-bar progress-bar-success progress-bar-striped active" style="width: 35%"></div>
                  </div>
                  <div class="flow-num"><strong class="fl">采集量：13182812812</strong><strong class="fr">入库量：1505372</strong></div>
                </div>
              </div>

              <div class="flow-item">
                <h3>数据库</h3>
                <div class="scrollbar">
                  <ul>
                    <li><strong>HBASE-1</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-success" style="width: 68%">68%</div></div><em>9182812812</em></li>
                    <li><strong>HBASE-2</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-success" style="width: 4%">4%</div></div><em>182812</em></li>
                    <li><strong>SOLR-1</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-success" style="width: 18%">18%</div></div><em>82812812</em></li>
                    <li><strong>MongoDB-1</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-success" style="width: 1%">1%</div></div><em>2812</em></li>
                    <li><strong>MongoDB-2</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-success" style="width: 18%">18%</div></div><em>82812812</em></li>
                    <li><strong>MYSQL</strong>   <div class="progress progress-striped"><div class="progress-bar progress-bar-success" style="width: 10%">10%</div></div><em>9182282</em></li>
                  </ul>
                </div>
              </div>
            </div>


            <div class="panel-title"><h3>24小时流量曲线</h3></div>
            <div id="chart1" class="chart">loading...</div>
            <div class="panel-title"><h3>24小时流量详情</h3></div>
            <div class="event-list event-border event-col3 event-head">
              <ul>
                <li><span>时间</span><span>采集量（流入）</span><span>入库量（流出）</span></li>
              </ul>
            </div>
            <div class="event-list event-border event-col3 scrollbar" style="height:300px;">
              <ul>
                <!-- <li><span>时间</span><span>采集量（流入）</span><span>入库量（流出）</span></li> -->
                <li>
                  <span>00:00-01:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>01:00-02:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>02:00-03:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>04:00-05:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>05:00-06:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>06:00-07:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>07:00-08:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>08:00-09:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>09:00-10:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>10:00-11:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>12:00-13:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>12:00-13:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>13:00-14:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>14:00-15:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>15:00-16:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>16:00-17:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>17:00-18:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>18:00-19:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>19:00-20:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>20:00-21:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>21:00-22:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>22:00-23:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span>23:00-24:00</span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
              </ul>








            </div>

          </div>

          <div class="tabs-con">
            <div class="panel-title"><h3>最近30日流量曲线</h3></div>
            <div id="chart2" class="chart">loading...</div>
            <div class="panel-title"><h3>最近30日流量详情</h3></div>
            <div class="event-list event-border event-col3 event-head">
              <ul>
                <li><span>日期</span><span>采集量（流入）</span><span>入库量（流出）</span></li>
              </ul>
            </div>
            <div class="event-list event-border event-col3 scrollbar" style="height:300px;">
              <ul>
                <li>
                  <span><a href="javascript:void(0)">2017-09-01</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-02</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-03</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-05</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-06</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-07</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-08</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-09</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-10</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-11</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-13</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-13</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-14</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-15</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-16</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-17</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-18</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-19</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-20</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-21</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-22</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-23</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
                <li>
                  <span><a href="javascript:void(0)">2017-09-24</a></span>
                  <span><label>采集源1</label>：5241条，  <label>采集源2</label>：2421条，<label>采集源3</label>：1341条，<label>其他</label>：2342条 ==>SUM：342342条</span>
                  <span><label>HBASE-1</label>:2342条，<label>SOLR-1</label>：2346条，<label>MySQL-2</label>：2346条，<label>MongoDB-1</label>：53234条 ==>SUM：234234条</span>
                </li>
              </ul>
            </div>
          </div>

        </div><!--panel-body end-->
      </div>

    </div>
  </div>




</body>
</html>
<script>
  $(document).ready(function(){
    $(".nav-tabs").on("click", "a", function() {
     $(this).parents().siblings().removeClass('active').end().addClass('active');
     $(".tabs-con").hide().eq($(this).parents().index()).show();

     var myChart2 = echarts.init(document.getElementById('chart2'));
     myChart2.setOption(option, true);
   })


    $(".event-list").on('click', 'a', function() {
      $(".nav-tabs li:eq(1)").removeClass('active');
      $(".nav-tabs li:eq(0)").addClass('active');
      $(".tabs-con:eq(1)").hide();
      $(".tabs-con:eq(0)").show();

    });

    $(".scrollbar").mCustomScrollbar({
      autoHideScrollbar:true,
      advanced:{
        autoExpandHorizontalScroll:true
      }
    });


  })

  option = {
    // title: {
    //   text: '24小时流量曲线'
    // },
    grid:{
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    legend: {
      data: ['采集源1', '采集源2', '其他采集源','HBASE-1', 'HBASE-2', 'MYSQL']
    },
    xAxis: {
      data: ['0','1','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23']
    },
    yAxis: {},
    series: [{
      name: '采集源1',
      type: 'bar',
      stack: '流入',
      barWidth: 25,
      data: [292, 137, 850,110,203, 111,311, 151,260, 118,420, 123,489, 290,334, 104,970, 131,744, 155,666, 230,323]
    },
    {
      name: '采集源2',
      type: 'bar',
      stack: '流入',
      barWidth: 25,
      data: [292, 137, 850,110,203, 123,489, 290,334, 104,970, 131,744, 155,666, 111,311, 151,260, 118,420, 230,323]
    },
    {
      name: '其他采集源',
      type: 'bar',
      stack: '流入',
      barWidth: 25,
      data: [29, 17, 50,11,20, 11,31, 51,26, 118,220, 223,189, 190,134, 104,70, 31,74, 55,66, 23,13]
    },{
      name: 'HBASE-1',
      type: 'bar',
      stack: '流出',
      barWidth: 25,
      data: [292, 137, 850,110,203, 111,311, 151,260, 118,420, 123,489, 290,334, 104,970, 131,744, 155,666, 230,323]
    },
    {
      name: 'HBASE-2',
      type: 'bar',
      stack: '流出',
      barWidth: 25,
      data: [292, 137, 850,110,203, 104,970, 131,744, 155,666, 230,323,132, 111,311, 151,260, 118,420, 123,489, 290]
    },
    {
      name: 'MYSQL',
      type: 'bar',
      stack: '流出',
      barWidth: 25,
      data: [29,70, 31,74, 55,66, 23,32, 51,26, 118,220, 223,189, 190,134, 104,13, 17, 50,11,20, 11]
    }
    ]
  };
  var myChart1 = echarts.init(document.getElementById('chart1'));
  myChart1.setOption(option, true);


  option2 = {
    grid:{
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    legend: {
      data: ['采集源1', '采集源2', '其他采集源','HBASE-1', 'HBASE-2', 'MYSQL']
    },
    xAxis: {
      data: ['2017-08-31','2017-09-01','2017-09-03','2017-09-04','2017-09-05','2017-09-06','2017-09-07','2017-09-08','2017-09-09','2017-09-10','2017-09-11','2017-09-12','2017-09-13','2017-09-14','2017-09-15','2017-09-16','2017-09-17','2017-09-18','2017-09-19','2017-09-20','2017-09-21','2017-09-22','2017-09-23']
    },
    yAxis: {},
    series: [{
      name: '采集源1',
      type: 'bar',
      stack: '流入',
      barWidth: 25,
      data: [292, 137, 850,110,203, 111,311, 151,260, 118,420, 123,489, 290,334, 104,970, 131,744, 155,666, 230,323]
    },
    {
      name: '采集源2',
      type: 'bar',
      stack: '流入',
      barWidth: 25,
      data: [292, 137, 850,110,203, 123,489, 290,334, 104,970, 131,744, 155,666, 111,311, 151,260, 118,420, 230,323]
    },
    {
      name: '其他采集源',
      type: 'bar',
      stack: '流入',
      barWidth: 25,
      data: [29, 17, 50,11,20, 11,31, 51,26, 118,220, 223,189, 190,134, 104,70, 31,74, 55,66, 23,13]
    },{
      name: 'HBASE-1',
      type: 'bar',
      stack: '流出',
      barWidth: 25,
      data: [292, 137, 850,110,203, 111,311, 151,260, 118,420, 123,489, 290,334, 104,970, 131,744, 155,666, 230,323]
    },
    {
      name: 'HBASE-2',
      type: 'bar',
      stack: '流出',
      barWidth: 25,
      data: [292, 137, 850,110,203, 104,970, 131,744, 155,666, 230,323,132, 111,311, 151,260, 118,420, 123,489, 290]
    },
    {
      name: 'MYSQL',
      type: 'bar',
      stack: '流出',
      barWidth: 25,
      data: [29,70, 31,74, 55,66, 23,32, 51,26, 118,220, 223,189, 190,134, 104,13, 17, 50,11,20, 11]
    }
    ]
  };


</script>